<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 50px;
            height: 50px;
            background-color: blue;
        }
    </style>
    <script src="../JS/Utils.js"></script>
</head>
<body>
    <div id="div1"></div>
    <script>

        var div1=document.getElementById("div1");
        div1.onclick=function(){
        //     this.style.backgroundColor=randomcolor();                       this.style.backgroundColor=Utils.randomcolor();
        }                                                                                           

        function randomcolor(){
            var col="#";
            for( var i=0;i<6;i++){
                col+=Math.floor(Math.random()*16).toString(16);
            }
            return col;
        }
            
        
        // backgroundColor中第二个字母要大写，6个元素，16种随机数字，之后转换为字符串



         // 利用rgb随机颜色：
        // function randomColor(){
        //     var col="rgb(";
        //     for(var i=0;i<3;i++){
        //         col+=Math.floor(Math.random()*256)+",";
        //     }
        //     col=col.slice(0,-1)+")";
        //     return col;
// 3个元素，256中随机数字 slice(0,-1) 删除0到-1之间的字符串，也就是删除最后一个逗号




        // a是透明度：
        //     function randomColor(a,r,g,b){
        //     var col="rgba(";
        //     for(var i=0;i<3;i++){
        //         col+=((isNaN(arguments[i+1]) || arguments[i+1]>255 || arguments[i+1]<0) ? Math.floor(Math.random()*256) : Math.floor(arguments[i+1]))+",";
        //     }
        //     col+=(isNaN(a) ? Math.random().toFixed(2) : a)+")";
        //     return col;
        // }
// 当r,g,b有参数时，需要判断参数是否为数字，是否超出255，是否小于0的情况
// 判断透明度a是否是数字
// toFixed(2)保留两位小数










    </script>
</body>
</html>